<template>
	<div class="flex flex-col items-center border-t-[2px] border-t-bg-3">
		<base-icon
			name="abnormal"
			class="text-[150px] text-[var(--color-warning)] pointer-events-none" />
		<p class="text-center text-t-1">{{ $t('wallet.emptyChannel') }}</p>
		<p
			class="text-center flex items-center justify-center text-primary cursor-pointer"
			@click="customerService">
			<!--		<p class="service" @click="$customerService">-->
			{{ $t('wallet.connectService') }}
			<base-icon name="waiter" size="16"></base-icon>
		</p>
	</div>
</template>

<script lang="ts" setup>
import { BaseIcon } from '@/components/base'
import { customerService } from '@/utils'
</script>
<style scoped lang="scss"></style>
